<html>
    <head>
       <title>双飞翼</title>
       <style type="text/css">
       body{
       	min-width: 600px;
       }
       .father {
          height: 500px;
          background-color:blue;
       }
       .colne{
       	float: left;
       	height: 150px;
       	position: relative;
       }
       .main{
       	width: 100%;
       	background-color: green;
       	color: #000;
       	word-wrap:break-word;
       }
       .left1{
       	width: 200px;
       	background-color: #000;
       	color: #fff;
        margin-left: -100%;
       
       }
       .reft1{
       	width: 100px;
       	background-color: yellow;
        margin-left: -100px;
       
       }
       .content1{
      margin-right: 110px;
       	margin-left: 210px;
       }
       </style>
    </head>
    <body>
      <div class="father">
          <div class="colne main">
          <div class="content1">
          我是圣杯布局，我是圣杯布局，我是demo我是圣杯布局，我是圣杯布局，我是demo我是圣杯布局，我是圣杯布局，我是demo我是圣杯布局，我是圣杯布局，我是demo我是圣杯布局，我是圣杯布局，我是demo我是圣杯布局，我是圣杯布局，我是demo我是圣杯布局，我是圣杯布局，我是demo我是圣杯布局，我是圣杯布局，我是demo我是圣杯布局，我是圣杯布局
          ，我是demo我是圣杯布局，我是圣杯布局，我是demo
          </div>
          </div>
          <div class="colne left1">左</div>
          <div class="colne reft1">右</div>
      </div>

    </body>
</html>